<template>
  <div class="main">
    <page-header></page-header>
    <back :showSearch="true"></back>
    <div class="content flex justify-between px-2">
      <div class="first">
        <first @changeCompany="changeCompany"></first>
      </div>
      <div>
        <second :companyData="companyData"></second>
      </div>
      <div>
        <third></third>
      </div>
    </div>
  </div>
</template>
<script>
var echarts = require("echarts");
import bmap from "@/components/maps.vue";
import pageHeader from "@/components/header.vue";
import back from "@/components/back.vue";
import first from "./components/first";
import second from "./components/second";
import third from "./components/third";
import saleApi from "@/api/sale/index";

export default {
  name: "pageHome",
  components: { bmap, pageHeader, back, first, second, third,},
  data() {
    return {
      companyData:{}
    };
  },
  methods:{
   changeCompany(list){
     console.error(list)
     this.companyData = list[0]
   },
  },
  mounted() {
    
  },
};
</script>
<style lang="stylus" scoped>
.first{
  width 613px
}
</style>
